.pure-indicator-index {
    display: var(--pure-indicator-index-display, flex);
    flex-direction: var(--pure-indicator-index-direction, row);
    justify-content: var(--pure-indicator-index-justify-content, center);
    align-items: var(--pure-indicator-index-align-items, center);
    gap: var(--pure-indicator-index-gap, 5px);
    line-height: 1;
    position: var(--pure-indicator-index-position, absolute);
    top: var(--pure-indicator-index-top, auto);
    bottom: var(--pure-indicator-index-bottom, 10px);
    left: var(--pure-indicator-index-left, 50%);
    right: var(--pure-indicator-index-right, auto);
    transform: var(--pure-indicator-index-transform, translate(-50%, 0));
    padding: var(--pure-indicator-index-padding);
    margin: var(--pure-indicator-index-margin);
    box-sizing: border-box;
    z-index: var(--pure-indicator-index-z-index, 10);
    width: var(--pure-indicator-index-width);
    height: var(--pure-indicator-index-height);
}

.pure-indicator-index-item {
    width: var(--pure-indicator-index-item-size, 2em);
    height: var(--pure-indicator-index-item-size, 2em);
    border: var(--pure-indicator-index-item-border);
    border-radius: var(--pure-indicator-index-item-border-radius, 50%);
    background: var(--pure-indicator-index-item-background, var(--pure-background-mask));
    color: var(--pure-indicator-index-item-color, #ffffff);
    opacity: var(--pure-indicator-index-item-opacity);
    transition-duration: var(--pure-indicator-index-item-transition-duration, 0.3s);
    transition-property: var(--pure-indicator-index-item-transition-property, all);
    transition-timing-function: var(--pure-indicator-index-item-transition-timing-function, linear);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: var(--pure-indicator-index-item-font-size, var(--pure-font-size-smaller));
}

.pure-indicator-index-item-active {
    background: var(--pure-indicator-index-item-active-background, var(--pure-theme-primary));
    opacity: var(--pure-indicator-index-item-active-opacity, 1);
}
